.panel {
    height: 100%;
}

.sloupec-50 {
    flex: 0 0 50%;
    max-width: 50%;
    height: 100%;
}

.ms-0 {
    margin-left: 0;
}

.ms-1 {
    margin-left: 0.5rem;
}

.ms-2 {
    margin-left: 0.75rem;
}

.ms-3 {
    margin-left: 1rem;
}

.ms-4 {
    margin-left: 1.25rem;
}

.ms-5 {
    margin-left: 1.5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.75rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.25rem;
}

.mb-5 {
    margin-bottom: 1.5rem;
}

.flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.flex-direction-row {
    flex-direction: row;
}

.flex-direction-column {
    flex-direction: column;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.sloupec {
    flex: 1;
    box-sizing: border-box;
}



.skupina-tlacitek-box {
    padding: 5px;
}

.zalozka-vlastnosti-skupina-tlacitek {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .zalozka-vlastnosti-skupina-tlacitek .dx-button {
        padding: 10px;
    }

    .zalozka-vlastnosti-skupina-tlacitek .dx-button-content {
        min-width: 3.5rem;
    }

#EditorTabulekTabControl {
    position: relative;
    height: 100%;
    width: calc(100% - 110px);
}

#EditorTabulekGrid {
    height: 100%;
}

#EditorTabulekZalozkaDetailyZaznamu {
}

    #EditorTabulekZalozkaDetailyZaznamu .sloupec-levy {
        flex: 0 0 30%;
        max-width: 30%;
        height: 100%;
    }

    #EditorTabulekZalozkaDetailyZaznamu .sloupec-stredni {
        flex: 0 0 10%;
        max-width: 10%;
        height: 100%;
    }

    #EditorTabulekZalozkaDetailyZaznamu .sloupec-pravy {
        flex: 0 0 60%;
        max-width: 60%;
        height: 100%;
    }

#VsechnySloupceGrid {
    height: calc(100% - 80px);
}


#VybraneSloupceGrid {
    height: calc(100% - 230px);
}

    #VybraneSloupceGrid.zobrazit-skryte {
        position: relative;
        height: calc(100% - 300px);
    }

#EditorTabulekPridatNovyBox {
    height: calc(100% - 30px);
}

.nastaveni-sloupce-box {
    padding: 5px;
}

    .nastaveni-sloupce-box .nastaveni-sloupce-label {
        display: inline-flex;
        flex: 0 0 140px;
        align-self: center;
    }

    .nastaveni-sloupce-box .nastaveni-sloupce-input {
        flex: 1 0 auto;
    }

    .nastaveni-sloupce-box .nezobrazovat {
        display: none;
    }

    .nastaveni-sloupce-box.zobrazit-skryte .nezobrazovat {
        display: flex;
    }


.data-grid-box {
    padding: 5px;
    width: 300px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

    .data-grid-box .data-grid-box-label {
        display: inline-flex;
        flex: 0 0 80px;
        align-self: center;
    }

    .data-grid-box .data-grid-box-input {
        flex: 1 0 auto;
    }